.reminder {
    .card-box {
        box-shadow            : 0 0px 8px 0 rgba(0, 0, 0, 0.04), 0 1px 0px 0 rgba(0, 0, 0, 0.04);
        -webkit-border-radius : 5px;
        border-radius         : 5px;
        -moz-border-radius    : 5px;
        background-clip       : padding-box;
        margin-bottom         : 20px;
        background-color      : #fff;
        border                : 1px solid #D3DCE6;
    }

    .title {
        margin      : 0px auto 40px auto;
        text-align  : center;
        color       : #505458;
        font-weight : normal;
        font-size   : 18px;

        span {
            cursor : pointer;

            &.active {
                font-weight : bold;
                font-size   : 18px;
            }
        }
    }

    .loginform {
        position: relative;
        width   : 340px;
        min-height: 340px;
        padding : 20px;
    }
    .el-input {
        width: 242px;
    }
    .code {
        width: 134px;
    }
    .btn-code {
        padding: 10px 13px;
        margin-left: 10px;
    }
    .btn-sub {
        position: absolute;
        bottom: 50px;
        width: 300px;
    }
    .assist-group {
        display: block;
        margin: 15px 0 10px;
    }
    .btn {
        font-size: 16px;
    }
    .btn-back {
        margin-left: -55px;
    }
    .el-form-item {
        margin-right: 0px;
    }
}